// 公共CSS
.tri(@_,@color,@size:10px){ 
  width: 0;
  height: 0;
  border:@size solid transparent;
}

/* 左三角形 */
.tri(l,@color,@size){
  border-left-color: @color;
}


/* 右三角形 */
.tri(r,@color,@size){
  border-right-color: @color;
}

/* 上三角形 */
.tri(t,@color,@size){
  border-top-color: @color;
}

/* 下三角形 */
.tri(b,@color,@size){
  border-bottom-color: @color;
}

// 调用
.triangle{
  .tri(l,blue,5px)
}
.triangle{
  .tri(r,aqua,20px)
}
.triangle{
  .tri(r,aqua,20px)
}